<template>
    <div id="main">
        <top></top>
        <div class="body">
            <mid-one></mid-one>
            <mid-two></mid-two>
            <mid-three></mid-three>
            <mid-four></mid-four>
            <mid-five></mid-five>
            <mid-foot></mid-foot>
            <aa></aa>
        </div>
    </div>
</template>

<script>
import top from '../components/MyTop.vue';
import midOne from '../components/MyMid1.vue';
import midTwo from '../components/MyMid2.vue';
import midThree from '../components/MyMid3.vue';
import midFour from '../components/MyMid4.vue';
import midFive from '../components/ShopMid.vue';
import midFoot from '../components/ShopDiv.vue';
import aa from '../components/AA.vue';
    export default {
        components: {
            top,
            midOne,
            midTwo,
            midThree,
            midFour,
            midFive,
            midFoot,
            aa,
        },
    }
</script>

<style lang="scss" scoped>
    #main{
        .body{
            background: rgb(247, 242, 242);
        }
    }
</style>